<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="js/flexible/flexible_css.js"></script>
    <script src="js/flexible/flexible.js"></script>
    <link rel="stylesheet" href="css/main.css">
    <script src="js/jquery-3.1.1.min.js"></script>
    <script src="js/main.js"></script>
    <title>Title</title>
</head>
<body flex="dir:top">

<header flex-box="0" flex="main:justify cross:center">
    <div class="header-icon" font="16" flex-box="0">
        <a href="storeDetail.html" flex="main:center cross:center">
            <span class="icon-back"></span>
        </a>
    </div>
    <h1 flex-box="10">联系人</h1>
    <div class="header-icon" flex-box="0"></div>
</header>
<section flex-box="10">

    <div class="card-list">
        <div class="contact-people" flex="main:justify cross:center">
            <div class="contact-people-img" flex-box="0">
                <img src="img/project1.jpg" alt="">
            </div>
            <div class="contact-people-word" flex-box="10">
                <h2>陈国艺</h2>
                <p>销售经理</p>
            </div>
            <div class="contact-people-call" flex-box="0">
                <a href="tel:13540846377">
                    <span class="icon-call" font="22"></span>
                </a>
            </div>
        </div>
        <div class="card-con">
            <ul class="card-form" font="14">
                <li flex="main:justify cross:top">
                    <div class="card-form-tit">手机</div>
                    <div class="card-form-con">13540846377</div>
                </li>
                <li flex="main:justify cross:top">
                    <div class="card-form-tit">邮箱</div>
                    <div class="card-form-con">21732457@qq.com</div>
                </li>
                <li flex="main:justify cross:top">
                    <div class="card-form-tit">微信</div>
                    <div class="card-form-con">cakehuang2012</div>
                </li>
                <li flex="main:justify cross:top">
                    <div class="card-form-tit">QQ</div>
                    <div class="card-form-con">21732457</div>
                </li>
            </ul>
        </div>
    </div>

    <div class="card-list">
        <div class="contact-people" flex="main:justify cross:center">
            <div class="contact-people-img" flex-box="0">
                <img src="img/project1.jpg" alt="">
            </div>
            <div class="contact-people-word" flex-box="10">
                <h2>陈国艺</h2>
                <p>销售经理</p>
            </div>
            <div class="contact-people-call" flex-box="0">
                <a href="tel:13540846377">
                    <span class="icon-call" font="22"></span>
                </a>
            </div>
        </div>
        <div class="card-con">
            <ul class="card-form" font="14">
                <li flex="main:justify cross:top">
                    <div class="card-form-tit">手机</div>
                    <div class="card-form-con">13540846377</div>
                </li>
                <li flex="main:justify cross:top">
                    <div class="card-form-tit">邮箱</div>
                    <div class="card-form-con">21732457@qq.com</div>
                </li>
                <li flex="main:justify cross:top">
                    <div class="card-form-tit">微信</div>
                    <div class="card-form-con">cakehuang2012</div>
                </li>
                <li flex="main:justify cross:top">
                    <div class="card-form-tit">QQ</div>
                    <div class="card-form-con">21732457</div>
                </li>
            </ul>
        </div>
    </div>

</section>
</body>
</html>